<div id="nav" class="fixed-top bg-white rounded-bottom">
    <div class="bg-light">
        <div class="container d-flex justify-content-end">
            <span class="text-dark p-1" style="font-size: 12px;">桂北程序员 - 成就IT黑马</span>
        </div>
    </div>
    <div class="container-md">
        <div class="navbar navbar-expand-lg home-nav navbar-light">
            <a href="/" class="navbar-brand home-logo">
                <img src="/statics/images/logo.png" alt="">
            </a>
            <button class="navbar-toggler" data-toggle="collapse" data-target="#homeNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            
            <div class="navbar-collapse collapse bg-white p-2" id="homeNav">
                <div class="navbar-nav">
                    <div id="nav-name-home" class="nav-item">
                        <a href="/" class="nav-link">首页</a>
                    </div>
                    <div id="nav-name-course" class="nav-item">
                        <a href="/course" class="nav-link">云课程</a>
                    </div>
                    <div id="nav-name-about" class="nav-item">
                        <a href="" class="nav-link">关于我们</a>
                    </div>
                </div>

                
                <div class="d-flex ml-auto">
                    <div class="d-flex" action="">
                        <input type="text" class="form-control mx-2" placeholder="想想看要搜点什么？" />
                    </div>
                    
                    <div class="mx-2 d-flex align-items-center user">
                        <div class="dropdown">
                            <span 
                                style="display: inline-block;" 
                                class="dropdown-toggle" 
                                data-toggle="dropdown"
                            >
                                <img src="/statics/upload/user/default-user.png" />
                            </span>
                            
                            <div class="dropdown-menu dropdown-menu-right" >
                                <!--  -->
                                <div id="userInfo-list" class="list">
                                    <div class="login" style="display: none;">
                                        <span class="dropdown-header">
                                            请先
                                            <a href="/login.html">登录</a>
                                        </span>
                                    </div>
                                    <div class="link">
                                        <div class="info">
                                            <div class="img">
                                                <img id="userInfo-img" src="/statics/upload/user/default-user.png" />
                                                <div class="point"></div>
                                            </div>
                                            <p style="text-align: right;margin-bottom: 2px;font-weight: bold;">Welcome</p>
                                            <span id="userInfo-name">moluer</span>
                                        </div>
                                        
                                        <div class="dropdown-divider"></div>
                                        <a href="/user" class="dropdown-item">个人信息</a>
                                        <a href="/user/course" class="dropdown-item">我的课程</a>
                                        <div class="dropdown-divider"></div>
                                        <a href="#" id="userInfo-logout" class="dropdown-item">退出登录</a>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
        </div>
    </div>
</div>